/* 公共的css样式 */
/* 如何使用
使用的话在对应页面的wxss文件的头不添加以下信息：
@import "/style/common.wxss";即可
*/
view,
scroll-view,
swiper,
swiper-item,
movable-area,
movable-view,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox-group,
checkbox,
form,
input,
label,
picker,
picker-view,
radio-group,
radio,
slider,
switch,
textarea,
navigator,
functional-page-navigator,
image,
video,
camera,
live-player,
live-pusher,
map,
canvas,
open-data,
web-view,
ad {
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  border: 0;
  font-family: 'PingFang SC';
  font-style: normal;
  background: #ffffff;
}

/*1px的线  top与left不能同时出来  bottom和right不能同时出现 */
.line-top,
.line-bottom,
.line-left,
.line-right,
.dash-right {
  position: relative;
}

.line-top::after {
  content: '';
  border-top: 1px solid rgba(204, 204, 204, 1);
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  transform: scale(0.5);
  transform-origin: left top;
}

.line-bottom::before {
  content: '';
  border-bottom: 1px solid #CCCCCC;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  transform: scale(0.5);
  transform-origin: left bottom;
}

.line-left::after {
  content: '';
  border-left: 1px solid #CCCCCC;
  position: absolute;
  top: 0;
  left: 0;
  height: 200%;
  transform: scale(0.5);
  transform-origin: left top;
}

.line-right::before {
  content: '';
  border-right: 1px solid #CCCCCC;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 200%;
  transform: scale(0.5);
  transform-origin: right bottom;
}

.dash-right::before {
  content: '';
  border-right: 1px dashed #CCCCCC;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 200%;
  transform: scale(0.5);
  transform-origin: right bottom;
}

.clrfix {
  zoom: 1;
}

.clrfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

.nowrap {
  white-space: nowrap;
  overflow-x: scroll;
}

.line-btn {
  font-size: 28rpx;
  color: rgba(102, 102, 102, 1);
  border: 1rpx solid rgba(102, 102, 102, 1);
  padding: 10rpx 20rpx;
  border-radius: 12rpx;
}

.blue-btn {
  color: rgba(94, 37, 255, 1);
  border: 1rpx solid rgba(94, 37, 255, 1);
}

.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: white;

  .image {
    width: 100%;
  }

  .zwyd {
    color: #666666;
    font-size: 28rpx;
  }

  .pd {
    color: #333333;
    font-size: 30rpx;
    margin: 15rpx 0 30rpx;
  }
}

.no-more{
  padding:20rpx 0 50rpx;
  text-align: center;
  color: #666666;
}